<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
        .box1{
            width:100%;
            height:80px;
            /* background-color: red; */
        }
        .box1-context{
            width:1200px;     /* <!--版心的宽度一旦确认好,整个网页都是这个版心值--> */
            height:80px;
            /* background-color: pink; */
            margin:0 auto;
        }
        .box1-context div{
            float: left;
            width:78px;
            height:70px;
            padding-top:4px;
          
        }
        .box1-context div img{
            width:100%;
        }
        ul li{
            list-style: none;
        }
        .box1-context ul{
            width: 550px;
            height: 50px;
            /* border:1px solid #000; */
            float: left;
            margin:11px 0 0 5px;
        }
        .box1-context ul li{
            width: 550px;
            line-height: 25px;
        }
        ol li{
            list-style: none;
        }
        .box1-context ol{
            width: 216px;
            height: 30px;
            float: right;
            margin-top: 48px;    
        }
        .box1-context ol li{
            font-size: 12px;
            width:60px;
            float: left;
            text-align: center;
            line-height:20px;
            color:#eee;
        }

        .box2{
            width: 100%;
            height: 50px;
            background-color:#00bac7;
            /* min-width: 1180px; */
        }
        .box2-context{
            width:1200px;
            height: 50px;
            /* background-color: red; */
            background-color:#00bac7;
            margin:0 auto;
        }
        .box2-context ul{
            height:50px
        }
        .box2-context ul li{
            width:108px;
            line-height:50px;
            text-align:center;
            /* border:1px solid black; */
            height:50px;
            float: left;
            font-size:14px;
            color:aliceblue
        }
        .box3{
            height: 677px;
            /* background-color: blue; */
        }
        .box3-context{
            width: 1200px;
            height: 677px;
            margin: 0 auto;
            /* background-color:red; */
        }
        .box3-left{
            width: 948px;
            height: 677px;
            /* background-color:aqua; */
            float: left;
        }
        .box3-left-head{
            height:70px;
            padding-top: 18px;
            /* background-color:brown; */
        }
        .box3-left-body{
            height: 325px;
            width: 950px;
            /* background-color: bisque; */
        }
        .left-three-part{
            height: 265px;
            width: 283px;
            float: left;
            text-align: center;
            padding-top: 35px;
            background-color:#f9f1f1ef;
        }
        .left-three-part img{
            height: 40px;
        }
        .three-part-middle{
            margin-top:20px;
            height: 110px;
        }
        .left-three-part button{
            width:100px;
            height:35px;
            background-color: #00bac7;
            color:white;
            border-radius: 8px;
            border:0px
        }
        .box3-left-end{
            height: 232px;
        }
        .box3-left-end > div{
            height: 120px;
            padding-left: 80px;
            /* background-color: #889098; */
        }
        .end-imgbox{
            /* height: 120px; */
            width: 83px;
            margin-right: 10px;
            padding-top: 22px;
            float: left;
        }
        .end-imgbox img{
            height: 80px;
        }
        .end-middle{
            float: left;
            width: 450px;
            height: 120px;
        }
        .end-finally{
            width: 315px;
            height: 74px;
            float: left;
            padding-top:46px;
            padding-left: 0px;
            /* background-color: white; */
        }
        .end-finally p{
            width: 116px;
            line-height:40px;
            border: 1px solid black;
            text-align: center;
            float: left;
            margin-right: 32px;
            border-radius: 30px;
        }
        .box3-right{
            margin-left: 25px;
            height: 678px;
            width: 225px;
            float: left;
            border-left:1px solid gray;
            /* background-color: aqua; */
        }
        .web-warn{
            height: 125px;
            /* background-color: antiquewhite; */
        }
        .policy-common{
            height: 300px;
            /* background-color: #eee; */
        }
        .diploma{
            height: 110px;
            /* background-color: brown; */
        }
        .box3-right p{
            margin-top: 15px;
            margin-left: 10px;
        }
        .box3-right h3{
            margin-top: 18px;
            margin-left: 10px;
            color:#889098;
        }
        .box4{
            width: 100%;
            height: 200px;
            background-color:#403e3f;
            /* min-width: 1180px; 
            margin-top: 50px; */
        }
        .box4-context{
            width: 1200px;
            height: 200px;
            margin: 0 auto;
        }
        .box4-context ul{
            width:900px;
            height: 80px;
            color: #b3b2b2;
            /* border:1px solid red; */
            /* margin-bottom: 10px; */
            margin:0 auto;
          
        }
        .box4-context ul li{
            width:100px;
            height:80px;
            line-height:80px;
            text-align: center;
            float: left;
        }
        .xxw-info{
            height: 100px;
            width: 900px;
            margin: 0 auto;
        }
        .xxw-info div{
            width: 266px;
            height: 75px;
            font-size: 14px;
            /* margin: 0px 35px; */
            float: left;
            color: #b3b2b2;
        }
        .xxw-info div p{
            margin-top: 10px;
        }
        #middle-border{
            padding: 0 35px;
            border: 1px solid #b3b2b2;
            border-top: 0;
            border-bottom: 0;
        }
    </style>
</head>
<body>
    <!-- 第一个 -->
    <div class="box1">
        <div class="box1-context">
            <div>
                <img src="./images/xxwlogo.png" alt="">
            </div>
           <ul>
                <li><b>中国高等教育信息网（学信网）</b></li>
                <li style="font-size:12px; color: #aab0b5;">教育部学历查询网站、教育部高校招生阳光工程指定网站、全国硕士研究生招生报名和调剂指定网站</li>
           </ul>
           <ol>
            <li>注册</li>
                <li style="border-left:1px solid #eee;border-right:1px solid #eee;">登录</li>
                <li>English</li>
           </ol>
        </div>
    </div>
    <!-- 第二个 -->

    <div class="box2">
        <div class="box2-context">
            <ul>
                <li>学籍查询</li>
                <li>学历查询</li>
                <li>在线验证</li>
                <!-- <li>出国教育背景信息服务</li> -->
                <li>图像校对</li>
                <li>学信档案</li>
                <li>高考</li>          
                <li>研招</li>
                <li>港澳台招生</li>
                <li>征兵</li>
                <li>就业</li>
                <li>学职平台</li>
            </ul>
        </div>
    </div>

    <!-- 第三个 -->

    <div class="box3">
        <div class="box3-context">
            <div class="box3-left">
                <div class="box3-left-head">
                    <h2>中国高等教育学历证书查询</h2>
                    <p style="float:right">学历查询范围</p>
                </div>
                <div class="box3-left-body">
                    <div class="left-three-part">
                        <img src="">
                        <p style="font-size: 18px;">本人查询</p>
                        <div class="three-part-middle">
                            <p style="color:#889098">注册学信网账号，登录学信档案，即可查询本人学历</p>
                            <p style="margin-top: 26px;">查询方法</p>
                        </div>
                        <button>查询</button>
                    </div>
                    <div class="left-three-part" style="margin:0 50px">
                        <div>
                            <img src="./images/text.png">
                        </div>
                      
                        
                        <p style="font-size: 18px;">零散查询</p>
                        <div class="three-part-middle">
                            <p style="color:#889098">输入证书编号及姓名进行查询</p>
                        </div>
                        <button>查询</button>
                    </div>
                    <div class="left-three-part">
                        <img src="./images/company.png">
                        <p style="font-size: 18px;">企业用户查询</p>
                        <div class="three-part-middle">
                            <p style="color:#889098">企业用户登录国家大学生就业服务平台进行查询</p>
                        </div>
                        <button>查询</button>
                    </div>
                </div>
                <div class="box3-left-end">
                    <div style="margin-bottom: 25px; background-color: #f3f6ff;">
                        <div class="end-imgbox"><img src="./images/personInfo.png"></div>
                        <div class="end-middle">
                            <h3 style="margin:15px 0 15px 0;">学历证书电子注册备案表</h3>
                            <p style="font-size: 14px;">分为中文版和翻译件(英文)，有效期内免费在线验证，使用便捷，多重防伪。</p>
                        </div>
                        <div class="end-finally">
                            <p style="margin-left: 12px;">报告介绍</p>
                            <p>如何申请</p>
                        </div>
                    </div>
                    <div style="margin-top: 25px; background-color: #f3f6ff;">
                        <div class="end-imgbox"><img src="./images/personInfo.png"></div>
                        <div class="end-middle">
                            <h3 style="margin:15px 0 15px 0;">中国高等教育学历认证报告</h3>
                            <p style="font-size: 14px;">可申请及查询《中国高等教育学历认证报告》。</p>
                        </div>
                        <div class="end-finally">
                            <p style="margin-left: 12px;">网上查询</p>
                            <p>如何申请</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box3-right">
                <div>
                    <div class="web-warn">
                        <h3 style="padding-top:20px;">网站提醒</h3>
                        <p>谨防学历售假骗局</p>
                    </div>
                    <div class="policy-common" style="border:1px solid gray;border-left: 0px; border-right: 0px;">
                        <h3>政策及常识</h3>
                        <p>高等学校学生学籍学历电子注册办法</p>
                        <p>学历电子注册工作流程 </p>
                        <p>高校学生获得学籍及毕业证书政策</p>
                        <p>学历相关知识</p>
                        <p>常见问题</p>
                    </div>
                    <div class="diploma">
                        <h3>学历认证</h3>
                        <p>学历认证报告申请及查询 ></p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 第四个 -->
     <div class="box4">
        <div class="box4-context">
            <!-- <div class="box4-navibar"> -->
                <ul>
                    <li>中心介绍</li>
                    <li>网站介绍</li>
                    <li>版权声明</li>
                    <li>网站宣传</li>
                    <li>联系我们</li>
                    <li>招聘信息</li>
                    <li>帮助中心</li>
                    <li>学信十周年</li>
                    <li>大记事</li>
                </ul>
            <!-- </div> -->
            <div class="xxw-info">
                <div>
                    <p>
                        客服热线：010-67410388
                    </p>
                    <p>
                        客服邮箱：kefu@chsi.com.cn
                    </p>
                </div>
                <div id="middle-border">
                    <p>
                        主办单位：教育部学生服务与素质发展中心
                    </p>
                    <p>
                        Copyright © 2003-2025 学信网 All Rights Reserved
                    </p>
                </div>
                <div style="padding-left:30px">
                    <p>
                        京ICP备19004913号-1
                    </p>
                    <p>
                        京公网安备11010202009747号
                    </p>
                </div>
            </div>
        </div>
     </div>
</body>
</html>
